<template>
	<!-- 咨询在线客服(学生) -->
	<view>
		<view class="backgroundColor">
			<view class="serviceTop">
				<text>咨询在线客服</text>	
			</view>
			<view class="customerService">
				<image src="../../static/image/serviceParent.png" mode=""></image>
				<text class="serve">
					智助教育为您服务
				</text>
				<view class="relationService" @tap="gotoOnlineService">
					联系客服
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			gotoOnlineService() {
				uni.redirectTo({
				    url: './online-service'
				})
			}
		}
	}
</script>

<style>
	.backgroundColor{
		width: 100vw;
		height: 100vh;
		background: #eee;
	}
	.serviceTop{
		width: 100%;
		height: 122upx;
		font-size: 32upx;
		font-weight: 600;
		line-height: 122upx;
		color: #333333;
	
	}
	.serviceTop text{
		margin-left: 30upx;
	}
	.customerService{
		width: 690upx;
		height: 754upx;
		margin: 0 auto;
		background: #FFFFFF;
		border-radius: 20upx;
		display: flex;
		align-items: center;
		flex-direction: column;
	}	
	.customerService image{
		width: 440upx;
		height: 440upx;
		display: block;
		margin-top: 60upx;
		margin-right: 30upx;
	}
	.serve{
		font-size: 28upx;
		display: block;
		margin-top: 45upx;
	}
	.relationService{
		width: 234upx;
		height: 70upx;
		background: #00D5A2;
		border-radius: 20upx;
		color: #FFFFFF;
		line-height: 70upx;
		text-align: center;
		margin-top: 40upx;
		font-size: 28upx;
		/* box-shadow:0px 3px 6px rgba(12,207,154,0.59); */
		background:rgba(255,153,0,1);
		box-shadow:0px 3px 6px rgba(255,153,0,0.59);
		
	}	
</style>
